import React from "react";
import App from "./App.js";
import { BrowserRouter } from "react-router-dom";
// import {
//   BrowserRouter,
//   HashRouter,
//   Route,
//   Link,
//   Switch,
// } from "react-router-dom";

import { Provider } from "mobx-react";
// import { observable, useStrict, autorun } from "mobx";

import firstStore from "./store/store";
import twoStore from "./store/twostore";
// Router.js
import NewStore from "./store/newstore";
import Obser from "./store/observable";
import Own from "./store/own.js";
import Pagegx from "./store/pagegx";
const stores = {
  first: new firstStore(),
  two: new twoStore(),
  newStore: new NewStore(),
  obser: new Obser(),
  own: new Own(),
  page: new Pagegx(),
  // ...other stores
};
// console.log(stores);
const Router = () => (
  <BrowserRouter>
    <Provider {...stores}>
      <App />
    </Provider>
  </BrowserRouter>
);
export default Router;
